Inserir imagem
Prof: Marcelo Vieira dos Santos
Para colocar uma imagem em seu arquivo html, precisamos baixar a imagem que queremos, pode ser em png, jpeg, webp, gif e etc,
o ponto principal é que esta imagem precisa estar no mesmo local que seu arquivo html para facilitar a busca da imagem e precisa
ser nomeada com seu tipo de arquivo
Exemplo: imagem.png isso indica o nome da imagem e que é em formato png
Para inserir utilisamos o seguinte comando
< img src="imagem.png" alt="Esta imagem representa tal coisa">
desta forma no src se coloca o nome da imagem para ser buscada por isso importante estar na mesma pasta, e em alt
se coloca pequena discrição sobre a imagem, para que caso não carregue a imagem tem uma breve sobre o que seria a imagem e para que
as busca pelos assuntos semelhantes caiam em sua página.
depois de se colocar a imagem configuramos de qual forma você quer vê-la, vamos lá no seu arquivo estilo.css e
adiciona
img{
width:100%; define o tamanho da imagem
margin-left:30%; define a posição da imagem mais a centro
border:solid; define uma borda em volta da imagem
border-radius:50%; caso queira arredondar a imagem, caso nao queira não colocar esta linha
}
todos os itens que acima foi usado % pode ser usado pixel (px) como medida lógico que o resultado será diferente, porcentagem
esta sempre relacionada ao tamanho original da imagem, px é tamanho único para todas as imagens.